var div = document.querySelector('.person');
var btn1 = document.querySelector('.btn1');
var btn2 = document.querySelector('.btn2');

var num = 0;
var sum = null;
var obj = true;

btn1.onclick = function () {
    clearInterval(sum);
    sum = setInterval(function () {
        div.style.background = 'url(img/download.gif)';
    //    if(obj==true){
    //     num++;
    //    }
    //     if(obj==false){
    //         num--;
    //     }
    obj?num++:num--;
        console.log(num);
        div.style.left = num + 'px';
        if (num === 700) {
            // clearInterval(sum);
            div.classList.add('active');
            obj=false;
        } else if(num === 0){
            // clearInterval(sum);
            div.classList.remove('active');
            obj=true;
        }
    }, 10);
}

//停止
btn2.onclick = function () {
    div.style.background = 'url(img/run.jpg)';
    clearInterval(sum);
}
